<!DOCTYPE html>
<html>

<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>{$current['title']}-{$Think.CONFIG.sitename}</title>

    <link href="__PUBLIC__/static/css/bootstrap.min.css?v=3.3.5" rel="stylesheet">
    <link href="__PUBLIC__/static/css/font-awesome.min.css?v=4.4.0" rel="stylesheet">
    <link href="__PUBLIC__/static/css/animate.min.css" rel="stylesheet">
    <include file="Public/commoncss" />
    <link href="__PUBLIC__/static/css/plugins/datapicker/datepicker3.css" rel="stylesheet">
    <style type="text/css">
        .passwordStrength{
            margin-bottom: 5px;
        }
        .passwordStrength b{
            font-weight:normal;
        }
        .passwordStrength b,.passwordStrength span{
            display:inline-block;
            vertical-align:middle;
            line-height:16px;
            line-height:18px\9;
            height:10px;
        }
        .passwordStrength span{
            width:20%;
            text-align:center;
            background-color:#d0d0d0;
            border-right:1px solid #fff;
        }
        .passwordStrength .last{
            border-right:none;
        }
        .passwordStrength .bgStrength{
            color:#fff;
            background-color:#71b83d;
        }
    </style>
</head>

<body class="gray-bg top-navigation">
<div id="wrapper">
    <div id="page-wrapper" class="gray-bg">
        <div class="row border-bottom white-bg">
            <include file="Public/header" />
        </div>
        <div class="wrapper wrapper-content">
            <div class="row">
                <div class="col-sm-3">
                    <div class="ibox float-e-margins">
                        <include file="Public/sidenav" />
                    </div>
                </div>
                <div class="col-sm-9 animated fadeInRight">
                    <div class="ibox float-e-margins">
                        <div class="ibox-title">
                            <h5>{$current['title']}</h5>
                        </div>
                        <div class="ibox-content">

                            <div class="tabs-container">

                                <div class="tabs-left">
                                    <ul class="nav nav-tabs">
                                        <li class="active"><a data-toggle="tab" href="#tab-1">账号信息</a>
                                        </li>
                                        <li class=""><a data-toggle="tab" href="#tab-2"> 个人信息</a>
                                        </li>
                                        <li class=""><a data-toggle="tab" href="#tab-3"> 修改密码</a>
                                        </li>
                                    </ul>
                                    <div class="tab-content ">
                                        <div id="tab-1" class="tab-pane active">
                                            <div class="panel-body">
                                                <form class="form-horizontal m-t"  action="{:U('Dzone/personal')}" id="memberForm">

                                                    <div class="col-sm-8 col-sm-offset-4">
                                                        <div class="col-sm-5">{:UpImage("head",100,100,$member['head'])}</div>
                                                    </div>

                                                    <div class="col-sm-12">
                                                        <label class="col-sm-3 control-label"> 账 号 ：</label>
                                                        <div class="col-sm-5">
                                                            <input type="text"  name="user" class="form-control" value="{$member.user}" placeholder="请填写账号！" datatype="/^[a-zA-Z0-9_]{3,16}$/" nullmsg="请填写账号,字母,数字,下划线！" errormsg="账号至少3个字符,最多16个字符！" maxlength="16" disabled>
                                                            <span class="help-block m-b-none Validform_checktip"></span>
                                                        </div>
                                                    </div>

                                                    <div class="col-sm-12">
                                                        <label class="col-sm-3 control-label"> 所属组 ：</label>
                                                        <div class="col-sm-5">
                                                            <select class="form-control m-b" name="group_id" disabled>
                                                                <volist name="usergroup" id="val" empty="没有找到匹配的记录">
                                                                    <option value="{$val['id']}" <if condition="$val['id'] eq $member['group_id']">selected="selected"</if>>{$val['title']}</option>
                                                                </volist>
                                                            </select>
                                                            <span class="help-block m-b-none Validform_checktip"></span>
                                                        </div>
                                                    </div>

                                                    <div class="col-sm-8 col-sm-offset-3">
                                                        <button class="btn btn-primary" type="submit">保存头像</button>
                                                        <span class="help-block m-b-none " id="memberTips"></span>
                                                    </div>

                                                </form>
                                            </div>
                                        </div>
                                        <div id="tab-2" class="tab-pane">
                                            <div class="panel-body">
                                                <form class="form-horizontal m-t" action="{:U('Dzone/personal')}" id="infoForm">

                                                    <div class="col-sm-12">
                                                        <label class="col-sm-3 control-label"> 姓 名 ：</label>
                                                        <div class="col-sm-5">
                                                            <input type="text"  name="name" class="form-control" value="{$member['name']}" placeholder="请填写姓名！" datatype="s2-10" nullmsg="请填写姓名！" errormsg="姓名至少2个字符,最多10个字符！" maxlength="10" autocomplete="off">
                                                            <span class="help-block m-b-none Validform_checktip"></span>
                                                        </div>
                                                    </div>

                                                    <div class="col-sm-12">
                                                        <label class="col-sm-3 control-label"> 生 日 ：</label>
                                                        <div class="col-sm-5" id="data_1">
                                                            <input type="text"  name="birthday" class="form-control input-group date" value="{$member['birthday']|date='Y-m-d',###}" placeholder="请填写生日！"  autocomplete="off" readonly>
                                                            <span class="help-block m-b-none Validform_checktip"></span>
                                                        </div>
                                                    </div>

                                                    <div class="col-sm-12">
                                                        <label class="col-sm-3 control-label"> 性 别 ：</label>
                                                        <div class="col-sm-5">
                                                            <select class="form-control m-b" name="sex">
                                                                <option value="0" <if condition="$member['sex'] eq 0">selected="selected"</if>>保密</option>
                                                                <option value="1" <if condition="$member['sex'] eq 1">selected="selected"</if>>帅哥</option>
                                                                <option value="2" <if condition="$member['sex'] eq 2">selected="selected"</if>>美女</option>

                                                            </select>
                                                            <span class="help-block m-b-none Validform_checktip"></span>
                                                        </div>
                                                    </div>

                                                    <div class="col-sm-12">
                                                        <label class="col-sm-3 control-label"> 所在部门 ：</label>
                                                        <div class="col-sm-5">
                                                            <select class="form-control m-b" name="dept_id" disabled>
                                                                {$department}
                                                            </select>
                                                            <span class="help-block m-b-none Validform_checktip"></span>
                                                        </div>
                                                    </div>

                                                    <div class="col-sm-12">
                                                        <label class="col-sm-3 control-label"> 职位头衔：</label>
                                                        <div class="col-sm-5">
                                                            <input type="text"  name="rank" class="form-control" value="{$member['rank']}" placeholder="请填写职位头衔！" maxlength="10" readonly>
                                                            <span class="help-block m-b-none Validform_checktip"></span>
                                                        </div>
                                                    </div>

                                                    <div class="col-sm-12">
                                                        <label class="col-sm-3 control-label">职务类型：</label>
                                                        <div class="col-sm-5">
                                                            <select class="form-control m-b" name="type_id" disabled>
                                                                <option value="0" <if condition="$member['type'] eq 0">selected="selected"</if>>普通员工</option>
                                                                <option value="1" <if condition="$member['type'] eq 1">selected="selected"</if>>创 始 人</option>
                                                                <option value="2" <if condition="$member['type'] eq 2">selected="selected"</if>> 总 监 </option>
                                                                <option value="3" <if condition="$member['type'] eq 3">selected="selected"</if>> 经 理 </option>
                                                            </select>
                                                            <span class="help-block m-b-none Validform_checktip"></span>
                                                        </div>
                                                    </div>


                                                    <div class="col-sm-12">
                                                        <label class="col-sm-3 control-label"> 手机号 ：</label>
                                                        <div class="col-sm-5">
                                                            <input type="text"  name="phone" class="form-control" value="{$member['phone']}" placeholder="请填写手机号！" datatype="m" nullmsg="请填写手机号！" errormsg="手机号格式不正确！" maxlength="11" autocomplete="off">
                                                            <span class="help-block m-b-none Validform_checktip"></span>
                                                        </div>
                                                    </div>

                                                    <div class="col-sm-12">
                                                        <label class="col-sm-3 control-label"> 分机号 ：</label>
                                                        <div class="col-sm-5">
                                                            <input type="text"  name="tel" class="form-control" value="{$member['tel']}" placeholder="请填写分机号！"  maxlength="11" autocomplete="off">
                                                            <span class="help-block m-b-none Validform_checktip"></span>
                                                        </div>
                                                    </div>

                                                    <div class="col-sm-12">
                                                        <label class="col-sm-3 control-label"> QQ ：</label>
                                                        <div class="col-sm-5">
                                                            <input type="text"  name="qq" class="form-control" value="{$member['qq']}" placeholder="请填写QQ号！"  maxlength="16" autocomplete="off">
                                                            <span class="help-block m-b-none Validform_checktip"></span>
                                                        </div>
                                                    </div>

                                                    <div class="col-sm-12">
                                                        <label class="col-sm-3 control-label"> 邮箱：</label>
                                                        <div class="col-sm-5">
                                                            <input type="email"  name="email" class="form-control" value="{$member['email']}" placeholder="请填写邮箱！" datatype="e" nullmsg="请填写邮箱！" errormsg="邮箱格式不正确！" maxlength="20" autocomplete="off">
                                                            <span class="help-block m-b-none Validform_checktip"></span>
                                                        </div>
                                                    </div>

                                                    <div class="col-sm-8 col-sm-offset-3">
                                                        <button class="btn btn-primary" type="submit">保存修改</button>
                                                        <span class="help-block m-b-none " id="infoTips"></span>
                                                    </div>

                                                </form>
                                            </div>
                                        </div>
                                        <div id="tab-3" class="tab-pane">
                                            <div class="panel-body">
                                                <form class="form-horizontal m-t" action="{:U('Dzone/personal')}" id="pwdForm">

                                                    <div class="col-sm-12">
                                                        <label class="col-sm-3 control-label"> 新 密 码 ：</label>
                                                        <div class="col-sm-5">
                                                            <input type="password" value="" name="password" class="inputxt" plugin="passwordStrength"  datatype="*6-18" errormsg="密码至少6个字符,最多18个字符！" />
                                                            <span class="help-block m-b-none Validform_checktip"></span>
                                                            <div class="passwordStrength"><span></span><span></span><span class="last"></span></div>
                                                        </div>

                                                    </div>

                                                    <div class="col-sm-12">
                                                        <label class="col-sm-3 control-label"> 确认密码 ：</label>
                                                        <div class="col-sm-5">
                                                            <input type="password" value="" name="repassword" class="inputxt" recheck="password"  datatype="*6-18" errormsg="两次输入的密码不一致！" />
                                                            <span class="help-block m-b-none Validform_checktip"></span>
                                                        </div>
                                                    </div>


                                                    <div class="col-sm-8 col-sm-offset-3">
                                                        <button class="btn btn-primary" type="submit">提交密码</button>
                                                        <span class="help-block m-b-none " id="pwdTips"></span>
                                                    </div>

                                                </form>
                                            </div>
                                        </div>
                                    </div>

                                </div>

                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </div>
        <include file="Public/footer" />
    </div>
</div>
<include file="Public/commonjs" />
<script src="__PUBLIC__/static/js/bootstrap.min.js?v=3.3.5"></script>
<script src="__PUBLIC__/static/js/content.min.js?v=1.0.0"></script>
<script src="__PUBLIC__/static/js/plugins/validate/Validform_v5.3.2.js"></script>
<script src="__PUBLIC__/static/js/plugins/passwordStrength/passwordStrength-min.js"></script>
<script src="__PUBLIC__/static/js/plugins/datapicker/bootstrap-datepicker.js"></script>
<script>
    $(document).ready(function() {
        $("#memberForm").Validform({
            tiptype:function(msg,o,cssctl){
                if(!o.obj.is("form")){
                    var objtip=o.obj.siblings(".Validform_checktip");
                    cssctl(objtip,o.type);
                    objtip.text(msg);
                }else{
                    var objtip=o.obj.find("#memberTips");
                    cssctl(objtip,o.type);
                    objtip.text(msg);
                }
            },
            ajaxPost:true
        });


        $("#infoForm").Validform({
            tiptype:function(msg,o,cssctl){
                if(!o.obj.is("form")){
                    var objtip=o.obj.siblings(".Validform_checktip");
                    cssctl(objtip,o.type);
                    objtip.text(msg);
                }else{
                    var objtip=o.obj.find("#infoTips");
                    cssctl(objtip,o.type);
                    objtip.text(msg);
                }
            },
            ajaxPost:true
        });

        $("#pwdForm").Validform({
            tiptype:function(msg,o,cssctl){
                if(!o.obj.is("form")){
                    var objtip=o.obj.siblings(".Validform_checktip");
                    cssctl(objtip,o.type);
                    objtip.text(msg);
                }else{
                    var objtip=o.obj.find("#pwdTips");
                    cssctl(objtip,o.type);
                    objtip.text(msg);
                }
            },
            ajaxPost:true
        });

        //日期控件
        $("#data_1 .input-group.date").datepicker({
            todayBtn: "linked",
            keyboardNavigation: !1,
            forceParse: !1,
            calendarWeeks: !0,
            autoclose: !0
        })
    })
</script>
</body>

</html>